 @charset "utf-8";
 $fontSize: 100;
@function r($p){
    @return $p/$fontSize*1rem;
}
html{
    width: 100%;
    height: 100%;
    font-size: $fontSize*1px;
    overflow: hidden;
}
body{
    width: 100%;
    height: 100%; 
    font-size: 0.16rem;
    position: relative;
    overflow: hidden;
}
.web{
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}
header{
    width: 100%;
    .header_top{
        width: 100%;
        height: r(90);
        background-color: #b20000;
        line-height: 0.9rem;
        text-align: center;
        position: relative;
        border-bottom: 1px solid #d9d9d9;
        .logo{
            font-size: 26px;
            color: #ffffff;
            img{
                vertical-align: text-bottom;
            }
        }
        .header_search{
            position: absolute;
            right: 0.17rem;
            top: 0;
            img{
                width: 0.32rem;
                height: 0.32rem;
                vertical-align: middle;
            }
        }
        .message{
            position: absolute;
            left: r(23);
            top: 0;
            img{
                width: r(29);
                height: r(23);
            }
            div{
                display: inline-block;
                width: r(26);
                height: r(26);
                border-radius: 50%;
                // font-size: 10px;
                line-height: r(26);
                text-align: center;
                color: #ffffff;
                background-color: #ff0000;
                position: absolute;
                right: -10px;
                top: 10px;
            }
        }
    }
    .header_bottom{
        display: flex;
        height: 0.5rem;
        align-items: center;
        .nav{
            font-size: 14px;
            color: #b20000;
            padding-right: 0.08rem;
            border-right: 1px solid #d9d9d9;
            img{
                width: 0.2rem;
                height: 0.17rem;
                margin-left: 0.26rem;
                // vertical-align: middle;
            }
        }
        .almm{
            width: 0.65rem;
            height: 0.23rem;
            margin-left: 0.08rem;
        }
    } 
}
.content{
    .roll{
        width: 100%;
        font-size: 0;
        margin-bottom: 0.3rem;
        position: relative;
        .turn{
            img{
                width: 100%;
            }
        }
        .mask{
            width: 100%;
            position: absolute;
            bottom: 0;
            left: 0;
            height: 0.63rem;
            background-color: rgba(0, 0, 0, .3);
            color: #ffffff;
            p{
                margin-left: 0.15rem;
                font-size: 15px;
                margin-top: 0.1rem
            }
            div{
                font-size: 16px;
            }
            .mask_comment{
                margin-top: 7px;
                img{
                    margin-right: 5px;
                }
                div{
                    display: inline-block;
                }
                div:nth-of-type(1){
                    margin-left: 0.15rem;
                    margin-right: 0.15rem;
                    img{
                        vertical-align: top;
                    }
                }
            }
            .mask_time{
                margin-top: 5px;
                margin-right: 0.05rem;
                font-size: 15px;
            }
        }
    }

    .news_cont{
        padding-left: 0.15rem;
        padding-right: 0.15rem;
        margin-bottom: 0.17rem;
        border-bottom: 13px solid #d9d9d9;
        .henxiang{
            padding-bottom: 0.12rem;
            border-bottom: 1px solid #d9d9d9;
        }
        .news{
            padding-bottom: 0.2rem;
            margin-top: 0.16rem;
            
            .news_wz{
                width: 2.1rem;
                img{
                    vertical-align: middle;
                    margin-right: 5px;
                }
                div{
                    display: flex;
                    justify-content: space-between;
                }
                p{
                    margin-top: 5px;
                    margin-bottom: 0.1rem;
                }
                span{
                    font-size: 14px;
                }
                span:nth-of-type(2){
                    margin-right: 15px;
                }

            }
            .news_tp{
                img{
                    width: 1.05rem;
                }
            }
        }   
    }
    .template{
        padding: 0 0.15rem;
        .template_top{
            p{
                margin-bottom: 0.1rem;
                text-align: center;
            }
            .template_photo{
                margin-bottom: 0.1rem;
                ul{
                    display: flex;
                    justify-content: space-between;
                    li{
                        width: 1.1rem;
                        overflow: hidden;
                        img{
                            width: 100%;
                        }
                    }
                }
            }
            .template_comment{
                div{
                    display: inline-block;
                    margin-right: 0.1rem;
                    img{
                        vertical-align: text-top;
                        margin-right: 5px;
                    }
                }
                div:nth-of-type(1){
                    img{
                        width: 0.2rem;
                        height: 0.2rem;
                        border-radius: 50%; 
                    }
                }
                div:nth-of-type(4){
                    margin-right: 0;
                }
            }
        }
        .henxiang2{
            border-bottom: 1px solid #d9d9d9;
        }
        .news2{
            padding-bottom: 0.2rem;
            margin-top: 0.16rem;
            .news_wz{
                width: 2.1rem;
                img{
                    vertical-align: middle;
                    margin-right: 5px;
                }
                div{
                    display: flex;
                    justify-content: space-between;
                }
                p{
                    margin-top: 5px;
                    margin-bottom: 0.1rem;
                }
                span{
                    font-size: 14px;
                }
                span:nth-of-type(2){
                    margin-right: 15px;
                }

            }
            .news_tp{
                img{
                    width: 1.05rem;
                }
            }
        } 
    }
    .more{
        padding: 0.2rem 0;
        text-align: center;
        // border-bottom: 1px solid #d9d9d9;
    }
}
footer{
    position: absolute;
    left: 0;
    bottom: 0;
    height: 0.8rem;
    width: 100%;
    background-color: #d9d9d9;
    ul{
        display: flex;
        // height: 100%;
        // align-items: center;
        margin-top: 0.15rem;
        justify-content: space-around;
        li{
            a{
                color: #000000;
            }
            position: relative;
            span{
                position: absolute;
                bottom: -0.2rem;
                left: 0;
            }
            .bianhong{
                color: #b20000;
            }
            img{
                width: 80%;
            }
        }
        li:nth-of-type(1){
            span{
                left: 0.03rem;
            }
        }
        li:nth-of-type(5){
            span{
                left: 0.12rem;
            }
        }
    }
}
.main{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0.95rem;
    overflow: auto;
}
